//菜单
<template>
<el-menu default-active="/Home" 
    class="el-menu-vertical-demo" 
    background-color="#545c64" 
    text-color="#fff" 
    active-text-color="#ffd04b"
    style="height:100%"
    @open="handleOpen" 
    @close="handleClose"
    router
    >
    <!-- 首页 -->
    <el-menu-item index="/Home">
      <i class="el-icon-message"></i>
      <span slot="title">首页</span>
    </el-menu-item>

    <!-- 用户管理 -->
    <el-submenu index="/UserMange">
      <template slot="title">
        <i class="el-icon-house"></i>
        <span>用户管理</span>
      </template>
      <el-menu-item-group>
        <el-menu-item index="/UserMange/UserConsultant">
        <i class="el-icon-user"></i>
        咨询者</el-menu-item>
      </el-menu-item-group>
      <el-menu-item-group>
        <el-menu-item index="/UserMange/UserConselor">
          <i class="el-icon-user-solid"></i>
          咨询师</el-menu-item>
      </el-menu-item-group>
      <el-menu-item-group>
        <el-menu-item index="/UserMange/Manger">
          <i class="el-icon-s-custom"></i>
          管理员</el-menu-item>
      </el-menu-item-group>
    </el-submenu>

    <!-- 咨询记录管理 -->
    <el-menu-item index="/ConsultMange">
      <i class="el-icon-s-comment"></i>
      <span slot="title">咨询记录管理</span>
    </el-menu-item>

     <!-- 资讯管理 -->
    <el-menu-item index="/MessageMange">
      <i class="el-icon-document"></i>
      <span slot="title">资讯管理</span>
    </el-menu-item>

    <!-- 问卷管理 -->
    <el-menu-item index="/QuestionMange">
      <i class="el-icon-question"></i>
      <span slot="title">问卷管理</span>
    </el-menu-item>

    <!-- 心理问答管理 -->
    <el-menu-item index="/ServeyMange">
      <i class="el-icon-chat-dot-round"></i>
      <span slot="title">心理问答管理</span>
    </el-menu-item>
  </el-menu>
</template>
<style>
</style>

<script>
export default {
  name: "ASide",
  data(){
    return{
      menu:[
        {
          menuClick:"UserManger/Manger",
          menuName:"管理员管理",
          menuIcon:"el-icon-s-custom"
        },{
          menuClick:"UserMange/UserConsultant",
          menuName:"用户管理",
          menuIcon:"el-icon-user"
        },{
          menuClick:"UserMange/UserConselor",
          menuName:"咨询师管理",
          menuIcon:"el-icon-user-solid"
        },
        {
          menuClick:"ConsultManger",
          menuName:"咨询管理",
          menuIcon:"el-icon-document"
        },{
          menuClick:"QuestionMange",
          menuName:"问卷管理",
          menuIcon:"el-icon-question"
        },{
          menuClick:"ServeyMange",
          menuName:"心理问答管理",
          menuIcon:"el-icon-chat-dot-round"
        },
      ]
    }
  },
  methods: {
    handleOpen(key, keyPath) {
      console.log('open', key, keyPath);
    },
    handleClose(key, keyPath) {
      console.log('close', key, keyPath);
    }
  }
}
</script>
